﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>网站标题</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <!--<link rel="bookmark" type="image/x-icon" href="__Public__/themes/images/favicon.ico" />-->
    <link rel="shortcut icon" href="__Public__/themes/images/favicon.ico" />
    <link rel="icon" href="__Public__/themes/images/favicon.ico" />

    <link rel="stylesheet" href="__Public__/js/libraries/bootstrap/bootstrap.min.css" />
    <link type="text/css" href="__Public__/themes/css/main.min.css" rel="stylesheet" />
    <link href="__Public__/themes/css/site.css" rel="stylesheet" />
    <script type="text/javascript" src="__Public__/js/require.js"></script>
    <script type="text/javascript" src="__Public__/js/app.js"></script>

    <!--[if lt IE 9]>
    <script src="__Public__/js/html5shiv.min.js"></script>
    <script src="__Public__/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        html, body {
            overflow: auto;
            width: auto;
            height: auto;
            min-height: 100px;
            min-width: 100px;
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <div class="box" id="form1" style="min-width:700px;">
        <form action="" id="form1">
            <div class="box-title">
                <a href="javascript:parent.$.fancybox.close();" class="pull-right" style="color:#fff;"><i class="fa fa-times"></i></a>
                薪酬支付
            </div>
            <div class="box-content" style="padding:20px;">
                <div class="pay-feedback-container">
                    <label><input type="radio" name="paytype" checked /> <a href="#tab1" data-toggle="tab">正常支付</a></label>
                    &nbsp;&nbsp;
                    <label><input type="radio" name="paytype" /> <a href="#tab2" data-toggle="tab">结束项目</a></label>
                </div>
                <div class="tab-panes">
                    <div class="tab-pane active" id="tab1">
                        <div class="pay-feedback-container">
                            <div style="padding-bottom:10px;">
                                您将为人才<strong>作家</strong>支付第一笔薪酬并终止合作
                            </div>
                            <div class="pay-feedback-line">
                                <strong>约定薪酬：</strong>2000元<br />
                            </div>
                            <div class="pay-feedback-line">
                                <strong>支付薪酬：</strong><span class="text-green">2000元</span>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="tab2">
                        <div class="pay-feedback-container">
                            <div style="padding-bottom:10px;">
                                您将为人才<strong>作家</strong>支付第一笔薪酬并终止合作
                            </div>
                            <div class="pay-feedback-line">
                                <strong>约定薪酬：</strong>2000元<br />
                            </div>
                            <div class="pay-feedback-line">
                                <strong>支付薪酬：</strong><input type="text" name="amount" id="amount" data-number="无效金额" /> 元
                            </div>
                        </div>
                        <div class="form-feedbacks" style="height:220px">
                            <div class="form-feedback-item">
                                <div class="form-feedback-heading">
                                    请为【<a href="#" class="green-link">歪乐团队</a>】进行评价：
                                </div>
                                <div class="form-feedback-content" style="margin-left:0px;border:none;">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div>
                                                <strong>工作态度：</strong>&nbsp;
                                                <div class="star-panel"></div>
                                            </div>
                                            <div>
                                                <strong>工作能力：</strong>&nbsp;
                                                <div class="star-panel"></div>
                                            </div>
                                            <div>
                                                <strong>沟通能力：</strong>&nbsp;
                                                <div class="star-panel"></div>
                                            </div>
                                            <div>
                                                <strong>工作速率：</strong>&nbsp;
                                                <div class="star-panel"></div>
                                            </div>
                                        </div>
                                        <div class="col-xs-8">
                                            <textarea class="form-control" rows="6" placeholder="字数不得少于20字，您可以从雇主的沟通能力，项目难度，发放款的准时进行评价。"></textarea>
                                        </div>
                                    </div>
                                    <div class="text-green" style="padding:10px;">
                                        *项目结束后，若七天内与雇主无新的合作将自动退出团队，您可以寻找新的兼职项目。
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-footer text-center" style="white-space:nowrap;">
                <button type="submit" class="btn btn-success" id="btnBoxSure">提交</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        require(["jquery",
            "bootstrap",
            "modules/base",
            "modules/login",
            "modules/message", "libraries/jquery.lazyload.min", "jquery.raty"],
            function ($, boot, base, login, message) {
                base.init();
                $(window).resize(function () {
                    parent.$.fancybox.update();
                });
                $('.form-feedbacks .star-panel').raty({
                    path: "/Public/js/libraries/jquery.raty/images"
                });
                $("input[name='paytype']").change(function () {
                    $(this).closest("label").find("a").trigger("click");
                    console.log("A");
                    return false;                    
                });

                $("a[data-toggle='tab']").click(function () {
                    $(this).closest("label").find("input:radio").get(0).checked = true;
                });
            });
    </script>
    <block name="bottom"></block>
    <block name="footer_scripts"></block>
</body>
</html>
